﻿<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <script type="text/javascript" src="../Js/jquery-1.9.1.min.js"></script>
    <script type="text/javascript">
        function Button1_onclick() {
            var amount = $("#Text1").val();
            var moneytype = $("#Select1").val();
            var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");       //创建XMLHTTP对象,相当于WebClent 
            if (!xmlhttp) {
                alert("创建xmlhttp对象异常！");
                return false;
            }
            xmlhttp.open("GET", "HuiLv.ashx?amount=" + amount + "&moneytype=" + moneytype + "&ts" + new Date(), false); //准备向服务器的GetDate1.ashx发出Post请求。
            //XMLHTTP默认（也推荐）不是同步请求的，也就是open方法并不像WebClent的DownloadString那样把服务器返回的数据拿到才返回，是异步的，因此需要监听onreadystatechange事件
            xmlhttp.onreadystatechange = function () {
                if (xmlhttp.readyState == 4) {
                    if (xmlhttp.status == 200) {//如果代码状态为200则是成功
                        $("Text2").val(xmlhttp.responseText);//responseText属性为服务器返回的文本
                    } else {
                        alert("AJAX服务器返回错误！");
                    }
                }
            }
            xmlhttp.send();//这时才发送请求
        }
        function Button2_onclick() {
            var amount = $("#Text1").val();
            var moneytype = $("#Select1").val();
            $.post("HuiLv.ashx",{"amount":amount,"moneytype":moneytype}, function (data, textStatus) {
                if (textStatus == "success") {
                    $("#Text2").val(data);
                } else {
                    alert("AJAX请求失败！");
                }
            });
        };
    </script>
</head>
<body>
    <div>
        <input id="Text1" type="text" /><select id="Select1" name="D1">
            <option value="1">美元</option>
            <option value="2">日元</option>
            <option value="3">港币</option>
        </select>
        <input id="Button1" type="button" value="计算" onclick="Button1_onclick()" />
        <input id="Button2" type="button" value="JQrry版计算" onclick="Button2_onclick()" />
        <input id="Text2" type="text" />
    </div>
</body>
</html>
